<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8" />
		<meta name="renderer" content="webkit" />
		<title>更改头像</title>
		<link rel="shortcut icon" href="images/favicon.ico" />
		<link rel="stylesheet" type="text/css" href="css/common_member.css" />
		<link rel="stylesheet" type="text/css" href="css/portrait.css" />
		<script type="text/javascript" src="js/vue.min.js"></script>
		<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="js/userMsg.js"></script>
		<script type="text/javascript" id="js-prelogin" src="js/cas.js"></script>
		<script type="text/javascript" src="js/ImgeCommit.js"></script>
		<script type="text/javascript" src="js/updatePwdOrImg.js"></script>
		<script type="text/javascript">
			var TU = {
				myUrl: 'http://my.liantu.cn',
				wwwUrl: 'http://www.liantu.cn'
			};
		</script>
	</head>

	<body>
		<div id="Luser">
			<div class="header">
				<div class="top-bg"></div>
				<div class="mod-head">
					<a href="index.html" class="logo"><img src="images/logo.png" alt="联途" /></a>
					<div class="search">
						<div class="box">
							<div class="sbox">
								<input type="text" class="text" id="search_text" placeholder="输入想去的地方（例如：北京）" />
								<div class="ico" id="search_ico">
									<span></span>
								</div>
							</div>
						</div>
					</div>
					<div class="link">
						<a href="apply.html" id="sqdy" rel="nofollow" target="_blank">申请成为向导</a>
					</div>
					<div class="login pl-login-info" id="pl-login-info">
						<div class="name">
							<img width="40" height="40" alt="" :src='getImgUrl(info.user_img)' />
							<span class="name-text">{{info.user_tel}}</span>
							<span class="ico"></span>
						</div>
						<div class="list">
							<div class="ico"></div>
							<div class="login-box">
								<div class="bg"></div>
								<p>
									<a member_info.html>个人信息</a>
									<a href="member_order.html">我的订单</a>
									<a href="member_tongyou.html">我的同游</a>
									<a href="signin.html" class="js-pl-logout">退出</a>
								</p>
							</div>
						</div>
					</div>
				</div>
				<div class="container">
					<div class="home">
						<a href="index.html"> <span class="plus"></span>返回首页 </a>
					</div>
					<div class="wrap" id="Luser">
						<div class="side">
							<div class="avatar">
								<img :src='getImgUrl(info.user_img)' alt="用户中心" />
								<p><span class="usr-name">{{info.user_tel}}</span> <span :class='getUserClass(info.user_sex)'></span> </p>
							</div>
							<ul class="menu">
								<li>
									<a href="member_avatar.html" class="info">更换头像</a>
									
									<div class="sub-menu">
										<p>
											<a href="member_info.html" class="info">基本信息</a>
										</p>
										<p>
											<a href="member_pwd.html" class="sc2">修改密码</a>
										</p>
									</div>
								</li>
								<li>
									<a href="member_order.html" class="order">我的订单</a>
								</li>
								<li>
									<a href="member_withdraw.html" class="wallet">我的钱包</a>
								</li>
								<li>
									<a href="member_tongyou.html" class="gowith">结伴同游</a>
								</li>
							</ul>
						</div>
						<div class="content">
							<h2>更改头像</h2>
							<div class="mod-box">
								<div class="box-portrait" id="j-portrait">
									<div class="portrait">
										<div class="pic200">
											<img :src='getImgUrl(info.user_img)' id="card_img" class="cur-portrait" alt="当前头像" width="200" height="200" />
										</div>
									</div>
									<form id="img" action="/member/profile/portraitimg" method="POST" name="form"  enctype="multipart/form-data" target="callback">
										<a href="javascript:;" id="j-upload" class="btn-portrait" title="选择头像"><input id="card_image" class="input-file" type="file" name="portrait" accept=".jpg" onchange='insertImg()' /><span>选择头像</span></a>
										<input type="text" id="gui_idcard" name="user_img" hidden=""></input>
										<input type="text" name="user_tel" id="user_tel" :value="getUid(info.user_tel)" hidden="" />
									</form>
									
									<a href="javascript:void(0)" id="j-confirm" class="btn-confirm" title="保存" onclick="updateImg()">保存</a>
									<p>请上传 .jpg （照片大小需小于2M）</p>
								</div>
							</div>
						</div>
						<div class="pop-portrait" id="j-dialog">
							<a href="javascript;" class="close" title="关闭">关闭</a>
							<div class="portrait-box">
								<div class="portrait pop">
									<div class="pop-box">
										<img src="images/man.jpg" />
									</div>
								</div>
								<form action="/member/profile/portraitimg" method="POST" name="form" enctype="multipart/form-data" target="callback">
									<a href="javascript:;" id="j-chose" class="btn-select" title="重新选择"><input class="input-file" type="file" name="portrait"  /> 重新选择</a>
									<iframe id="callback" name="callback" class="callback"></iframe>
								</form>
								<p>请上传 .jpg 或 .gif 或 .png 格式的图片（照片大小需小于2M）</p>
							</div>
						</div>
						<link rel="stylesheet" href="css/jquery.Jcrop.css" type="text/css" />
					</div>
				</div>
				<div class="footer">
					<div class="mod-back">
						<span class="qrcode"> <span class="ico"></span> <img src="images/qrcode.jpg" alt="联途微信二维码" width="200" height="200" />官方微信服务号 </span>
						<a href="javascript:" class="code" id="code"></a>
						<a href="index.html" class="customer"></a>
						<a href="#" class="goback"></a>
					</div>
					<div class="mod-foot">
						<div class="info">
							<div class="contact">
								<p class="logo">
									<a href="index.html"><img src="images/logo.png" alt="联途" width="136" height="50" /></a> <span>同行之路，有你才有意义</span> </p>
								<p class="tell">4006 666863</p>
								<p>24小时服务热线</p>
							</div>
							<dl>
								<dt>
                        公司信息
                        </dt>
								<dd>
									<a href="http://www.liantu.cnabout.html" target="_blank" rel="nofollow">关于我们</a>
								</dd>
								<dd>
									<a href="http://www.liantu.cncopyright.html" target="_blank" rel="nofollow">免责声明</a>
								</dd>
								<dd>
									<a href="http://www.liantu.cncontact.html" target="_blank" rel="nofollow">联系我们</a>
								</dd>
								<dd>
									<a href="http://www.liantu.cnjoin.html" target="_blank" rel="nofollow">加入我们</a>
								</dd>
							</dl>
							<dl>
								<dt>
                        帮助中心
                        </dt>
								<dd>
									<a href="http://www.liantu.cnxieyi.html" target="_blank" rel="nofollow">用户协议</a>
								</dd>
								<dd>
									<a href="http://www.liantu.cnsafe.html" target="_blank" rel="nofollow">安全保障</a>
								</dd>
								<dd>
									<a href="http://www.liantu.cnprocess.html" target="_blank" rel="nofollow">预定流程</a>
								</dd>
							</dl>
							<dl class="app">
								<dt>
                        发现
                        </dt>
								<dd>
									<a href="http://www.liantu.cn/app/" target="_blank">Android客户端</a>
								</dd>
								<dd>
									<a href="http://www.liantu.cn/app/" target="_blank">iOS客户端</a>
								</dd>
								<dd>
									<a href="http://www.liantu.cn/app/huilv/" target="_blank">联途汇率</a>
								</dd>
								<dd>
									<a href="http://www.liantu.cn/app/tongyou/" target="_blank">联途同游</a>
								</dd>
							</dl>
						</div>
						<div class="copyright">
							<a href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow">闽ICP备15007411号-1</a> Copyright &copy; 2016 liantu.cn, All Rights Reserved stat
						</div>
					</div>
				</div>
				<script type="text/javascript" src="js/jquery.seajs.js" id="seajsnode"></script>
				<script type="text/javascript" src="js/jquery.jcrop.min.js"></script>
				<script type="text/javascript">
					seajs.config({
						base: 'http://static.liantu.cn/script/dist',
						paths: {
							'modules': 'http://static.liantu.cn/script/dist'
						},
						map: [
							[/^(.*?\/script\/(?:src|dist)\/.*?\/.*?\.js$)(?:.*)$/i, '$1?version=v1']
						],
						charset: 'utf-8'
					});

					seajs.use('modules/my/common/common.js');

					seajs.use('modules/my/public/portrait.js');
				</script>
				<div class="hide">
				</div>
	</body>

</html>